@import "mixin";
.main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 40px 26px;
	.doctor {
		width: 600px;
		height: 246px;
		background: #FFFFFF;
		box-shadow: 0 6px 12px 0 rgba(222, 222, 222, 0.50);
		margin-bottom: 45px;
		display: flex;
		justify-content: center;
		padding-top: 38px;
		padding-left: 24px;
		padding-right: 30px;
		.avatar {
			width: 170px;
			height: 170px;
			border-radius: 50%;
			// background: red;
			overflow: hidden;
			img{
				width: 100%;
			}
		}
		.info {
			flex: 1;
			padding-left: 22px;
			.doctor {
				&-name {
					font-size: 35px;
					color: #0067A1;
				}
				&-title {
					font-size: 22px;
					color: #626262;
					margin-top: 28px;
					margin-bottom: 20px;
				}
				&-desc {
					font-size: 15px;
					color: #373737;
					line-height: 23px;
					text-overflow: ellipsis;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp:4;
				}
			}
		}
	}
}